<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>回调页面</title>
    <script src="js/plugins/vue.js"></script>
    <script src="js/plugins/axios.js"></script>
    <script src="js/plugins/common.js"></script>
</head>
<body>
    <h1>回调页面</h1>
    <div id="myApp"></div>
</body>
<script>
    new Vue({
        mounted() {
            console.log(11111111111);
            // 获取到当前的请求路径
            let url = location.href;
            // 利用路径解析方法，获取到拼接到路径上的参数
            let obj = parseRequestURI(url);
            // 将获取到的授权码发送到后端，进行登陆验证操作
            this.$http.post("/login/wechat",{"code" : obj.code}).then(res => {
                console.log(res);
                // 如果反馈结果中的成功状态为true表示登陆成功
                if (res.data.success) {
                    // 登陆成功，则将对应的登录信息保存到页面路径中，跳转到登录主页，将对应的信息显示到页面上
                    localStorage.setItem("token", res.data.data.token);
                    localStorage.setItem("loginInfo", JSON.stringify(res.data.data.loginInfo));
                   // 跳转到首页
                    location.href = "index.html";
                } else {
                    // 如果微信用户没有绑定平台用户的话，登陆失败，需要先绑定平台用户
                    let access_token = res.data.data.access_token;
                    let openid = res.data.data.openid;
                    // 将参数拼接到跳转请求上
                    location.href = "http://localhost:80/binder.html?access_token=" + access_token + "&openid=" + openid;
                }
            }).catch(res => {
                // 如果axios请求执行失败，则表示请求没有发送到后端，系统错误
                alert("系统错误");
            })

        }
    }).$mount("#myApp");
</script>
</html>